<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
   
    <ui:composition template="/views/_template.xhtml">
    	<ui:define name="corpo">
            
            <div>
                <h:outputLabel value="Dados do funcionario" style="border-bottom: 3px solid #C22; text-align: left; font-size: 18px; width: 900px;" 
                               rendered="#{empty funcionarioBean.funcionario.id}" />
                <h:outputLabel value="Alterar Dados do funcionario" style="border-bottom: 3px solid #C22; text-align: left; font-size: 18px; width: 900px;" 
                               rendered="#{not empty funcionarioBean.funcionario.id}" /> 
            </div>
            <h:form>
                <p:messages id="mensagens" showDetail="true" />
                <h:dataTable styleClass="dadosForm" style="border: 1px solid #E4E4E4">
                    <h:column>
                    <f:facet name="header">
                        <h:outputLabel style="margin: 5px; text-align: left; width: 200px;" for="nomeConta" value="Nome do funcionarios" />
                    </f:facet>
                    <f:facet name="footer">
                    <p:inputText id="nomeConta" style="width: 450px;" value="#{funcionarioBean.funcionario.nome}" />
                    </f:facet>
                    </h:column>

                    <h:column>
                        <f:facet name="header">
                            <h:outputLabel style="margin: 5px;text-align: left;" for="da" value="CPF" />
                        </f:facet>
                        <f:facet name="footer" >
                            <p:inputMask id="da"  mask="999.999.999-99" value="#{funcionarioBean.funcionario.cpf}" />
                        </f:facet>
                    </h:column>

                    <h:column>
                        <f:facet name="header">  
                            <h:outputLabel style="margin: 5px; text-align: left; width: 150px;" value="Situalção:" />
                            <f:facet name="footer">
                                <p:inputText value="#{funcionarioBean.funcionario.situacao}" />
                            </f:facet>
                        </f:facet>
                    </h:column>

                </h:dataTable>

                <h:dataTable styleClass="dadosForm" style="border: 1px solid #E4E4E4">
                    <h:column>
                        <f:facet name="header">
                            <h:outputLabel style="margin: 5px; text-align: left"  value="Identidade" for="nConta" />
                        </f:facet>
                        <f:facet name="footer">
                            <p:inputText id="nConta" style="width: 127px;" value="#{funcionarioBean.funcionario.identidade}" />
                        </f:facet>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputLabel style="margin: 5px; text-align: left; " value="Orgão emissor" />
                        </f:facet>
                        <f:facet name="footer">
                            <p:inputText style="width: 100px;" value="#{funcionarioBean.funcionario.orgaoEmissor}" />
                        </f:facet>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputLabel style="margin: 5px; text-align: left;" value="Matricula" for="saldo" />
                        </f:facet>
                        <f:facet name="footer">
                            <p:inputText style="margin-left: -20px;" id="saldo" value="#{funcionarioBean.funcionario.matricula}" />
                        </f:facet>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputLabel style="margin: 5px; text-align: left;" value="Data de desligamento" />
                        </f:facet>
                        <f:facet name="footer">
                            <p:calendar pattern="dd/MM/yyyy" value="#{funcionarioBean.funcionario.dataDesligamento}" />
                        </f:facet>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputLabel style="margin: 5px; text-align: left;" value="Tipo de contrato" />
                        </f:facet>
                        <f:facet name="footer">
                            <p:inputText value="#{funcionarioBean.funcionario.tipoContrato}" />
                        </f:facet>
                    </h:column>

                </h:dataTable>

                <br />
                <h:commandButton value="Gravar" action="#{funcionarioBean.gravar()}" />
                <h:commandButton value="Limpar" action="funcionario" />
            </h:form>
        </ui:define>
    </ui:composition>
</html>
